html{height:100%;border:none;}
body{height:100%;min-width: 1200px;border:none;padding:0;margin:0;text-align:left;font-size:14px;color:#484848;font-family:Arial, "microsoft yahei";background:#FFF;}
div,ul,li,img,dl,dd,dt,p{padding:0;margin:0;border:none;}
ul,dl{list-style-type:none;}
h1,h2,h3,h4,h5{margin:0;padding: 0;font-weight: normal;}
a{color:#333;text-decoration:none;}
a:hover{color:#2f5cc1;text-decoration:none;}
.clear{clear:both;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.container{width: 1200px;margin: 0 auto;}

.header{height: 157px;}
.top{height: 36px;line-height: 36px;color: #666; border-bottom: 1px solid #e2e2e2; }
.top a{padding: 5px 8px; color: #666;}
.top ul{ float:right;}
.top ul li{ float:left; padding:0 10px;}
.top .fr{ position:relative;}
.top .fr img{position:relative; top:3px; margin-right: 4px; }

#logo{height:140px;width: 100%;}
#logo .logo{}
#logo .logo img{margin-top: 26px; height: 67px;}
#logo .company{ padding-left: 15px; border-left: 1px solid #c4c4c4; height:60px; margin-top: 25px; margin-left: 10px; padding-top: 5px; }
#logo .company h2{font-size: 24px;color: #2f5cc1;font-weight: bold;}
#logo .company h3{font-size: 18px;margin-top: 0px;color: #666; }
#logo .tel{background: url(../images/tel.jpg) no-repeat left center;height: 120px;width: 200px; padding-left: 58px; }
#logo .tel p{ font-size: 16px; color: #666; margin-top: 35px; }
#logo .tel p span{ font-size: 30px; display: block; font-weight: bold; color: #666; }

.nav{background:url(../images/navbg.jpg) no-repeat top center;height: 68px;}
.nav ul li{float:left;display: inline;text-align: center;font-size: 16px; position: relative; margin-top: 7px;}
.nav ul li:after{ content: '┆'; position: absolute; left: 0;top: 18px; width: 1px; height: 60px; display: block; color: #FFF; }
.nav ul li a{color:#FFF;display: block;width:107px;height: 60px;line-height:60px;position: relative;z-index: 2;}
.nav ul li a:hover,.nav ul>li.on>a{ color: #4d7be4; }
.nav ul li dl{margin:0px;padding:0;position:absolute;z-index:999;display:none;}
.nav ul li dl dt a{display:block;Height:50px; line-height:50px; text-align:center;background:#252525;color:#fff;}
.nav ul li dl dt a:hover{background:#2f5cc1;color:#fff; display:block;height:50px;}
.nav ul .home{margin-left: 15px;}
.nav ul .on.home a{ color: #FFF; }
.nav ul .home a:hover{ color: #FFF; }
.nav ul .home:after,.nav ul li:nth-child(2):after{display: none;}

.banner{height:650px;overflow:hidden;position:relative;}
.banner .hd{height:18px;position:absolute;width: 100%;z-index:1; text-align: center; bottom: 20px;}
.banner .hd ul li{display: inline-block;margin:0 5px;width:10px;height:10px;cursor:pointer;background:#252525;border-radius:8px;}
.banner .hd ul li.on{background: #2f5cc1;}
.banner .bd{position:relative;height:100%;z-index:0;}
.banner .bd li{zoom:1;vertical-align:middle;width:100%;height:650px;display:block;}
.banner .bd li a{width:100%;height:650px;display:block;}

.search{height: 70px; border-bottom: 1px solid #e2e2e2;}
.search .fl{line-height: 70px;}
.search .fl a{margin-right: 15px;}
.search .fl span{color:#333; font-weight: bold;}
.search .fr{width:384px;height: 70px;}
.search .fr input{width: 280px;height: 36px;border: 1px solid #eee;margin-top: 15px;padding-left: 3px; border-radius: 6px 0 0 6px; padding-left: 15px;}
.search .fr button{width:75px;height: 40px;background: url(../images/search.jpg) no-repeat;border: none;position: relative;left: -10px;top:13px;}

.sec-title{ text-align: center; padding: 40px 0; height: 40px; position: relative; }
.sec-title h2{ font-size: 40px; color: #252525; font-weight: bold; }
.sec-title h2 span{ color: #2f5cc1; }
.sec-title p{ font-size: 14px; margin-top: 10px; }

.ys{ height: auto; overflow: hidden; padding-bottom: 40px; }
.ys .content{ margin-top: 5px; }
.ys .content dl{ float: left; display: inline-block; margin-right: 14px; width: 237px; height: 110px; border: 1px solid #cccccc; padding: 30px 20px 30px 30px;}
.ys .content dl:last-child{margin-right: 0;}
.ys .content dl:hover{ background: #2f5cc1; color: #FFF; }
.ys .content dl dt{ float: left; }
.ys .content dl dd{ float: right; margin-top: 25px; }
.ys .content dl dt h3{ font-size: 20px; font-weight: bold; color: #333; }
.ys .content dl dt p{line-height: 35px;}
.ys .content dl dt .more{ width: 90px; height: 28px;display: block; line-height: 28px; text-align: center; background: #2f5cc1;border-radius: 5px; margin-top: 15px; }
.ys .content dl dt .more a{ color: #FFF; width: 90px; height: 28px;display: block;border-radius: 5px;  }
.ys .content dl:hover h3{ color: #FFF; }
.ys .content dl:hover .more a{ background: #FFF; color: #2f5cc1 }

.sec-titles{ text-align: center; padding:30px 0; height: 40px; position: relative; }
.sec-titles h2{ font-size: 40px; color: #252525; font-weight: bold; background: url(../images/line.png) no-repeat bottom center; padding-bottom: 10px; }
.sec-titles p{ font-size: 14px; margin-top: 8px; }

.index-pro{ padding: 30px 0 30px; height: auto; overflow: hidden; background:url(../images/probg.jpg) no-repeat top center;}
.index-pro .content{ margin-top: 30px; height: auto; overflow: hidden; }
.index-pro .content .fl{ width: 300px; }
.index-pro .content .fr{ width: 860px; }
.index-pro .content .fl .title{ height:70px; width: 270px; background: #2f5cc1 url(../images/ico01.png) no-repeat 20px center; color: #FFF; padding: 15px 0 0 30px; }
.index-pro .content .fl .title span{ font-size: 28px;  padding-left: 50px; display: block; }
.index-pro .content .fl .title span i{ display: block; font-size: 14px; font-style: normal; }
.index-pro .content .fl .contact{ background: #2f5cc1; text-align: center; padding: 20px 0; }
.index-pro .content .fl .contact p{ font-size: 18px; color: #FFF; margin-top: 10px; }
.index-pro .content .fl .contact p span{ display: block; font-size: 24px; font-weight: bold; }

.category{width: 100%;padding: 20px 0; background: #FFF; height: auto; overflow: hidden;}
.category h3{line-height: 58px; width: 230px; height: 58px; margin-left: 25px; }
.category h3 a{float: left;line-height: 58px;color: #FFF;width: 230px; border-bottom: 1px solid #ccc;padding-left: 20px;;background:#2f5cc1 url(../images/ico02.png) no-repeat 210px center; display: block;}
.category h3.on a{background:#2f5cc1 url(../images/ico02.png) no-repeat 210px center; color: #FFF;}
.category h3 span{float: left; }
.category ul{display: none;float: left;width: 100%; height: auto; overflow: hidden;}
.category li{display: block;line-height: 40px;}
.category li a{display: block;color: #666;font-size: 14px;padding-left: 58px;}
.category li.on a{color: #2f5cc1;}

.index-pro .content .fr ul li{ float: left; display: inline-block; margin-right: 23px; text-align: center; margin-bottom: 20px; font-size: 16px; }
.index-pro .content .fr ul li:nth-child(3n){margin-right:0}
.index-pro .content .fr ul li .img{width: 269px; height: 225px; border: 1px solid #ccc; position: relative;  overflow: hidden;  }
.index-pro .content .fr ul li .img img{ width: 269px; height: 225px;}
.index-pro .content .fr ul li .mask{ background: rgba(35,84,195,0.8); display: none; text-align: center; width: 269px; height: 225px; position: absolute; left:0; top:0; }
.index-pro .content .fr ul li:hover .mask{ display: block; }
.index-pro .content .fr ul li .mask h2{ font-size: 18px; line-height: 42px; padding-top:60px;}
.index-pro .content .fr ul li .mask .more{ width: 120px; height: 30px; margin: 0 auto; border: 1px solid #FFF; border-radius: 15px; line-height: 30px; }
.index-pro .content .fr ul li a:hover h2{ color: #FFF; }
.index-pro .content .fr ul li a:hover .more{ color: #FFF; }

.liucheng{ height: 330px; overflow: hidden;}
.liucheng ul li{float: left; display: inline-block; transition-duration: 0.8s; width: 172px; height: 155px; border: 1px solid #cccccc; margin-right: 30px; text-align: center;}
.liucheng ul li:hover{ margin-top: 10px; }
.liucheng ul li:last-child{margin-right: 0;}
.liucheng ul li img{ margin-top: 38px; }
.liucheng ul li p{ font-size: 16px; margin-top: 8px; }

.about{ background: url(../images/aboutbg.jpg) no-repeat top center; height: 460px; overflow: hidden; padding-top: 54px; }
.about .fl{ float: left; display: inline-block; width: 622px; }
.about .fr{ float: right; display: inline-block; padding-top: 20px;  }
.about .fr img{ width: 500px; height: 325px; border-radius: 5px; border: 5px solid #FFF; }
.about .fl span{ color: #4f5358; font-size: 30px; /*font-weight: bold;*/ }
.about .fl h2{font-size: 20px; font-weight: bold; color: #FFF; position: relative; width: 12.87%;height: 31px;/*border-bottom: 7px solid #f49307;*/}
.about .fl h2:after{ content:''; position: absolute; left: 0; bottom: 0; width: 70px; height: 3px; background:#2f5cc1; }
.about .fl .info{ font-size: 12px; line-height: 25px; color: #FFF; margin-top: 20px; }
.about .fl .more{ width: 185px; height: 42px; line-height: 42px;  border-radius: 5px; margin-top: 20px; background:#2f5cc1 url(../images/ico03.png) no-repeat 40px center; display: block; }
.about .fl .more a{ color: #FFF; padding-left: 80px; }

.honor{ height: auto; overflow: hidden; text-align: center; margin-top: -55px; }
.honor .hd{ height: 55px; overflow: hidden; width: 100%; }
.honor .hd ul li{display: inline-block; width: 200px;height: 55px;  font-size: 16px; line-height: 55px; margin-right: 12px;  }
.honor .hd ul li a{ background: #f2f2f2;width: 200px;height: 55px; display: block; border-radius: 5px 5px 0 0 }
.honor .hd ul li a:hover{ background: #2f5cc1;color: #FFF;  }
.honor .hd ul li.on a{ background: #2f5cc1; color: #FFF; }
.honor .bd{ padding-top: 40px; }
.honor .bd ul li{ float: left; display: inline-block; margin-right: 20px; text-align: center; font-size: 16px;width: 285px; height: 189px;border: 1px solid #ccc; overflow: hidden; }
.honor .bd ul li img{  max-width: 287px; height: 190px;  }

.index-news{height: auto;width: 100%;overflow: hidden;padding-bottom: 40px;}
.index-news .fl{width: 675px;}
.index-news .fr{width: 500px;}
.index-news .fr .tit{font-size: 14px;color: #999999;}
.index-news .fr .tit span{font-weight: bold;font-size: 20px;color: #333;margin-right: 15px;}
.index-news .fr .tit em{float: right;margin-top: 4px;}
.index-news .fr .gun-news{padding-top: 20px;}
.index-news .fr .gun-news ul li{padding: 20px 0;border-bottom: 1px solid #ccc;}
.index-news .fr .gun-news h2{background: url(../images/wen.jpg) no-repeat left bottom;font-size: 14px;font-weight: bold;line-height: 29px;height: 29px;display: block;padding-left: 30px;}
.index-news .fr .gun-news p{background: url(../images/da.jpg) no-repeat left top;font-size: 14px;line-height: 26px;display: block;padding-left: 30px;}
.tab-news .hd{float: left;display: inline;width: 125px;margin-right: 20px;}
.tab-news .hd ul li{width:75px;height: 195px;background: #2f5cc1;margin-bottom: 1px;padding: 25px;}
.tab-news .hd ul li h3{font-size: 14px;padding-top: 15px;color: #FFF;}
.tab-news .hd ul li h3 span{font-size: 18px;font-weight: bold;padding-bottom: 5px;display: block;color: #FFF;}
.tab-news .hd ul li .more{padding:3px 5px ;border: 1px solid #FFF;text-align: center;margin-top: 15px;}
.tab-news .hd ul li .more a{color: #FFF;}
.tab-news .hd ul li.on{background: #ae0a11;}
.tab-news .bd{float: left;display: inline;width: 520px;}
.tab-news .bd dl{width: 490px;height: 165px;background: #f8f8f8;padding: 15px;}
.tab-news .bd dl dt{float: left;display: inline;}
.tab-news .bd dl dd{float: right;display: inline;width: 257px;}
.tab-news .bd dl dd .date{font-size: 18px;color: #2f5cc1;font-weight: bold;}
.tab-news .bd dl dd .date span{display: block;font-size: 12px;}
.tab-news .bd dl dd h4{font-weight: bold;font-size: 16px;padding: 5px 0}
.tab-news .bd dl dd p{ line-height: 25px; }
.tab-news .bd dl dt img{width: 220px;height: 162px;}
.tab-news .bd ul{padding-top: 15px;}
.tab-news .bd ul li{line-height: 40px;}
.tab-news .bd ul li span{float: right;}
.tab-news .bd ul li a:before{content:"●";font-size: 12px;margin-right: 7px;color: #2f5cc1}

.links{padding-bottom: 20px;}
.links span{ font-weight: bold; font-size: 18px; }
.links a{margin-right: 15px;}

.footer{background:#333333;height: 240px;/*overflow: hidden;*/padding-top: 45px; color: #bbbbbb;}
.footer .fl h3{ color: #FFF; margin-bottom: 20px; }
.footer .fl a{ color: #bbbbbb; }
.footer .fl a:hover{ color:#4d7be4; }
.footer .dh{ width: 365px; line-height: 30px;  }
.footer .dh ul li{ float: left; width: 50%;  }
.footer .dha{ width: 365px; line-height: 30px;  }
.footer .dha ul li{ float: left; width: 33%;  }
.footer .pro{ width: 120px; margin-right: 50px; line-height: 30px; padding: 0 50px; border-left: 1px solid #484848; border-right: 1px solid #484848; }
.footer .contact{ line-height: 30px;    padding-left: 30px; }
.footer .fr h3{ background: #494949; width: 140px; height: 35px; text-align: center; line-height:35px; font-size: 14px; }
.footer .fr img{ height: 140px; }
.copyright{background:#333333; padding:15px 0;border-top: 1px solid #484848; color: #bbbbbb; text-align: center;}
.copyright a{ color: #bbbbbb;}
.kefu{position:fixed;right:-170px;top:50%;z-index:900;}
.kefu li a{text-decoration:none; color: #FFF;}
.kefu li{margin-top:1px;clear:both;height:71px;position:relative;}
.kefu li i{background:url(../images/fx.png) no-repeat;display:block;width:30px;height:27px;margin:0 auto;text-align:center;}
.kefu li p{height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff;margin: 0;}
.kefu .kefu-qq i{background-position:4px 5px;}
.kefu .kefu-tel i{background-position:0 -21px;}
.kefu .kefu-liuyan i{background-position:4px -53px;}
.kefu .kefu-weixin i{background-position:-34px 4px;}
.kefu .kefu-weibo i{background-position:-30px -22px;}
.kefu .kefu-ftop{display:none;}
.kefu .kefu-ftop i{width:33px;height:35px;background-position:-27px -51px;}
.kefu .kefu-left{float:left;width:77px;height:47px;position:relative;}
.kefu .kefu-tel-right{font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;}
.kefu .kefu-right{width:20px;}
.kefu .kefu-tel-main{background:#2f5cc1;color:#fff;height:56px;width:247px;padding:9px 0 6px;float:left;}
.kefu .kefu-main{background:#2f5cc1;width:97px;height:56px;position:relative;padding:9px 0 6px;float:left;}
.kefu .kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333;}
.kefu-weixin-pic img{width:115px;height:115px;}

.ban{ width: 100%; height: 320px; overflow: hidden; }
.ny{ height: auto; overflow: hidden; width: 100%; padding: 30px 0; }
.ny .fl{ width: 300px; border: 1px solid #ccc; }
.ny .fr{ width: 860px; }
.ny .fl .title{height: 82px;
    /* width: 270px; */
    background: #2f5cc1 url(../images/ico01.jpg) no-repeat 20px center;
    color: #FFF;
    /* padding: 15px 0 0 30px; */
} 
.ny .fl .title span{ font-size: 28px;  display: block;text-align: center;padding-top: 5px;}
.ny .fl .title span i{ display: block; font-size: 14px; font-style: normal; text-transform:uppercase;
    padding-top: 6px;text-align: center;}

.ny .contact{ background: #2f5cc1; text-align: center; padding: 20px 0; }
.ny .contact p{ font-size: 18px; color: #FFF; margin-top: 10px; }
.ny .contact p span{ display: block; font-size: 24px; font-weight: bold; }

.ny .fr .title{line-height: 32px; border-bottom: 1px solid #e1e1e1;}
.ny .fr .title span{font-size: 20px; color: #2f5cc1; border-bottom: 3px solid #2f5cc1; padding-bottom: 10px; }
.ny .fr .title p{ display: inline-block; float: right; }

.ny .fr .tit{line-height: 38px; border-bottom: 1px solid #e1e1e1; margin-bottom: 15px;}
.ny .fr .tit span{ font-size: 18px; color: #2f5cc1; border-bottom: 3px solid #2f5cc1; padding-bottom: 8px; }

.ny .fr .txt{ border: 1px solid #e1e1e1; background: #f4f4f4; margin-top: 20px; padding: 15px; }

.list-1 dl{ border-bottom: 1px solid #e1e1e1; padding: 15px 0; }
.list-1 dl dt{ line-height: 35px; font-size: 16px; }
.list-1 dl dt:before{ content:'■'; font-size: 12px; margin-right: 5px; color: #2f5cc1; position: relative; top:-3px; }
.list-1 dl dt span{ float: right; font-size: 14px; }
.list-1 dl dt a{ font-weight: bold; }
.list-1 dl dd{ color: #999; }

.list-2{ height: auto; overflow: hidden; padding-bottom: 30px; }
.list-2 ul li{ float: left; display: inline-block; margin-right: 27px; font-size: 16px; text-align: center; margin-top: 20px; width: 31%;}
.list-2 ul li:nth-child(3n){margin-right:0}
.list-2 ul li .img{ width: 266px; height: 220px; border: 1px solid #c1c1c1; }
.list-2 ul li img{ max-width: 100%; height: 220px; }
.list-2 ul li p{ margin-top: 5px; }

.news{ padding:0px 0 0;  }
.news h1{ text-align: center;font-size: 24px;padding-top:30px; }
.news .date{ text-align: center; font-size: 14px; padding: 15px 0; }
.news .date span{ padding: 0 15px; }
.news .info{ padding: 10px 0 0; line-height: 25px; text-indent: 2em;}
.news .info img{max-width:100%; margin:0 auto; display:block}
.news .info p{margin-top:10px}

.tags{ border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; line-height:35px;height: auto;}
.tags span{ font-weight: bold; }
.tags a{ margin-right: 15px; }

.page{line-height: 50px;}
.page span{ float: right; }

.xg-pro{ height: auto; overflow: hidden; margin-top: 5px; }
.xg-pro ul li{ float: left; display: inline-block; width: 200px;height: 250px; margin-right: 15px; margin-bottom: 10px; text-align: center; }
.xg-pro ul li img{ width: 200px; height: 160px; }

.xg-news{ height: auto; overflow: hidden;margin-top: 15px; }
.xg-news ul li{ float: left; display: inline-block; width: 47%; margin-right: 3%;line-height:25px; }
.xg-news ul li:before{ content:'■'; font-size: 12px; margin-right: 5px; color: #2f5cc1; position: relative; top:-10px; }
.xg-news ul li a{ text-overflow: ellipsis;  overflow: hidden; white-space: nowrap; width: 240px; display: inline-block; }
.xg-news ul li span{ float: right; }

.xg-area{ height: auto; overflow: hidden; margin-top: 0px; margin-bottom:15px; }
.xg-area ul li{ float: left; display: inline-block; margin-right: 25px; line-height:25px; }

.pro{ width: 100%; height: auto; overflow: hidden; padding: 10px 0 30px; }
.pro .img{ float: left; display: inline-block; width: 480px; }
.pro .text{ float: right; display: inline-block; width: 350px; }

.pro .text h1{ font-size: 24px; padding-top: 20px; }
.pro .text .desc{ padding: 20px 0; height: 150px; font-size: 16px; line-height: 25px; }
.pro .text .btn{ width: 120px; height: 40px; background: #2f5cc1; color: #FFF; display: block; text-align: center;line-height: 40px; font-size: 18px; }

.pro-content .tits{border-bottom: 1px solid #e1e1e1; height: 40px; width: 100%; font-size: 18px; }
.pro-content .tits span{ background:#2f5cc1; color:#FFF; display: block;width: 120px; height: 40px; text-align: center; line-height: 40px; }
.pro-content .info{ padding: 20px 0; }
.pro-content .info img{max-width:100%; margin:0 auto; display:block}
.pro-content .info p{margin-top:10px}

div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size: 0;}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.pc-slide{width: 100%;margin: 0 auto; text-align: center;}
.view .swiper-slide .imgauto{width: 100%;height: 350px; position: relative;}
.view .swiper-slide .imgauto img{ max-width:90%;max-height: 100%; position: absolute;margin: auto; top:0; bottom: 0;left:0;right: 0 }
.view .swiper-container{width: 100%;}
.preview{width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-container{width: 80%;margin: 0 10%;overflow: hidden;}
.preview .swiper-slide{width:22.5%;padding: 5px; }
.preview .swiper-slide .imgauto{width: 100%;height: 80px;line-height: 80px;border: 1px solid #ddd;text-align: center;cursor: pointer; position: relative; display: block;}
.preview .swiper-slide .imgauto img{display: inline-block;vertical-align: middle;max-width:90%;max-height: 100%; position: absolute;margin: auto; top:0; bottom: 0;left:0;right: 0}
.preview .slide6{width: 82px;}
.preview img{padding: 1px;}
.preview .active-nav .imgauto{border: 1px solid #2f5cc1;}
.preview .arrow-left{background: url(../images/prev1.png) no-repeat left center;position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 10px;height: 18px;z-index: 10;}
.preview .arrow-right{background: url(../images/next1.png) no-repeat left center;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 10px;height: 18px;z-index: 10;}
.clearfix {*zoom: 1;}
.clearfix:after{content: " "; display: block; height: 0; clear: both; visibility: hidden;}

#message{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 1000;transform: scale(0);transition: .3s;}
.messagebg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 1001;}
#message .m-content{margin-top: 10%;}
#message .m-content .m-message{background: #fff;width: 580px;background: #fff;padding: 50px;margin: 0 auto;position: relative;z-index: 1002;box-shadow: 1px 1px 50px rgba(0,0,0,.3);}
.m-message{width: 100%;margin: 48px auto 0;}
.m-message label{margin-bottom: 15px;display: block;font-size: 14px;}
.m-message label em{display: block;float: right;color: red;height: 32px;line-height: 32px;}
.m-message label span{width: 70px;height: 34px;line-height: 34px;color: #2F2F2F;float: left;font-weight: bold;text-align: right;margin-right: 30px;display: inline-block;}
.m-message label input.inp,.m-message label textarea,.m-message label.code input{width: 85%;overflow: hidden;height: 32px;line-height: 32px;border: #cccccc 1px solid;border-radius: 3px;padding:0 14px;box-sizing: border-box;color: #555;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.m-message label input:focus,.m-message label textarea:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);}
.m-message label textarea{height: 72px;line-height: 24px;padding:10px 14px;}
.m-message label.code{line-height: 34px;}
.m-message label.code input{width: 30%;float: left;margin-right: 30px;}
.m-message label.code .pic{display: inline-block;vertical-align: top;width: 80px;height: 32px;}
.m-message label.code img{display: block;width: 100%;height: 100%;}
.btn-1 input{width: 52px;height: 32px;line-height: 32px;background: #e8e8e8;border: none;color: #333;margin-right: 22px;cursor: pointer;transition: 0.3s;}
.btn-1{padding-left: 100px;}
.btn-1 input.focus{background: #2f5cc1;color: #fff;}
.btn-1 input.focus:hover{background: #444;}
.btn-1 input:hover{background: #ccc;}

/* 网分页样式*/
.pages{clear: both;margin:20px auto 20px auto; padding-top:10px; overflow: hidden; text-align: center;font-size:14px; }
.pages ul li{display:inline-block;border: 1px solid #ccc;padding: 6px 15px;margin: 0 1px;line-height:24px;background: #fff;color:#999;border-radius:2px}
.pages ul li:hover{background:#d82019;color:#fff;border: 1px solid #d82019}
.pages ul li:hover a{color:#fff;}
.pages ul li.thisclass{display: inline-block;border: 1px solid #d82019;padding:6px 15px;margin: 0 1px;background: #d82019;color: #fff;}
.pages ul li.thisclass a{color: #fff;}
.pages ul li a{display:block;color:#999}
.pages ul li a:hover{color: #fff;}



.foot_map{ background:url(../images/foot_map.jpg) no-repeat center top; height:440px; width:100%;}
.foot_map_center{ padding-top:340px; text-align:center;}
.foot_map_center p{ color:#333; font-size:18px; margin-bottom:20px;}
.foot_map_center img{ margin:0 5px 0 60px; /*width:20px;*/ height:20px;}
.foot{ width:100%; height:57px; padding-top:9px; background-color:#333333; clear:both;}
.foot_text{ width:800px; float:left; line-height:48px; color:#adadad;}
.foot_text p{ font-size:14px; color:#adadad;}
.foot_text p a{color:#adadad;}
.foot_button{ float:right;}
.foot_button li{/* background:url(../images/foot_button_bg01.jpg) no-repeat;*/ width:48px; height:38px; padding-top:10px; text-align:center; float:left; margin:0 5px;position: relative;}
.foot_button li.foot_txt{width:130px; margin-right:0; line-height:28px;}
.foot_button li.foot_txt a{ color:#adadad;}
.foot_button li.foot_txt a:hover{ color:#1a5eb7;}
.foot_button li:hover{ /*background:url(../images/foot_button_bg02.jpg) no-repeat center;*/}
.foot_button li .wem1{width: 203px;display: none; color: #363636;text-align: center;padding-top: 215px; position: absolute;left: -78px;top: -205px;background-image: url('../images/ewm.png');background-repeat: no-repeat;}
.foot_button li .wem2{width: 203px;display: none; color: #363636;text-align: center;padding-top: 215px; position: absolute;left: -75px;top: -205px;background-image: url('../images/ewm.png');background-repeat: no-repeat;}

.foot_div{ overflow:hidden; background-color:#fff; clear:both;padding-top:25px;}
.foot_div .foot_div_c{ height:362px; overflow:hidden; background:#f5f5f5;}
.neiye .foot_div .foot_div_c{ background:#fff;}
.foot_div .foot_div_c h3{ height:60px; line-height:60px;color:#000; font-weight:normal; background:url(../images/i_bg8.png) right bottom no-repeat;color:#000; font-size:18px;}
.foot_div .foot_div_c h3 a{color:#000; font-size:18px;}
.foot_div .foot_div_c h3 a:hover{color:#1a5eb7;opacity:0.6;filter:Alpha(opacity=60);}
.foot_div .foot_div_c h3 em{ float:right;font-style:normal; line-height:60px;}
.foot_div .foot_div_c h3 em a{ color:#1a5eb7; font-size:14px;}
.foot_div .foot_div_c ul {color: #9B9B9B;height: 300px; margin: 0; padding: 39px 0 0;}
.foot_div .foot_div_c ul li{ float:left;}
.foot_div .foot_div_c ul li.footyw{ width:31%; overflow:hidden;}
.foot_div .foot_div_c ul li.footyw p{ width:100%; padding-top:20px;color:#666; font-size:14px; line-height:30px;}
.foot_div .foot_div_c ul li.footyw p span{ float:left;/* width:205px;*/ width:50%; overflow:hidden;}
.foot_div .foot_div_c ul li.footyw p a{color:#666666; display:block; font-size:14px; height:30px; line-height:30px; overflow:hidden; padding-right:22px;}
.foot_div .foot_div_c ul li.footyw p a:hover{color:#1a5eb7}
.foot_div .foot_div_c ul li.footys{ width:31%;overflow:hidden; padding-left:4%;}
.foot_div .foot_div_c ul li.footys p{ width:100%; padding-top:20px;}
.foot_div .foot_div_c ul li.footys p span{ float:left; width:50%; overflow:hidden;}
.foot_div .foot_div_c ul li.footys p a{color:#666666; display:block; font-size:14px; height:30px; line-height:30px; overflow:hidden;padding-right:10px; }
.foot_div .foot_div_c ul li.footys p a:hover{color:#1a5eb7;}
.foot_div .foot_div_c ul li.footys p span label{color:#666666; display:block; font-size:14px; height:30px; line-height:30px; overflow:hidden;padding-right:10px;}
.foot_div .foot_div_c ul li.footabout{ width:31%;overflow:hidden; float:right;}
.foot_div .foot_div_c ul li.footabout p{padding-top:20px;color:#666; font-size:14px; line-height:30px;}
.foot_div .foot_div_c ul li.footabout p a{color:#666; font-size:14px;}
.foot_div .foot_div_c ul li.footabout p a:hover{color:#1a5eb7;}

.foot_div .foot_links{ padding:0px;width:1440px;margin:0px auto; margin-top:40px; /*height:120px;*/ padding-bottom:38px; line-height:30px; font-size:14px;}
.foot_div .foot_links h3{ color:#000; font-size:18px; height:32px; line-height:32px;font-weight:normal; margin-bottom:20px;}
.foot_div .foot_links h3 a{ float:right; width:150px; height:32px; line-height:32px; color:#fff; background-color:#1a5eb7; font-size:14px; text-align:center; border-radius:20px;}
.foot_div .foot_links h3 a:hover{ color:#fff;opacity:0.8;filter:Alpha(opacity=80);}
.foot_div .foot_links a{ margin-right:5px;color:#666; display:inline-block; font-size:14px;}
.foot_div .foot_links a:hover{ color:#1a5eb7;}


.foot_qixia{ padding:0px;width:1440px;margin:0px auto; margin-top:40px; /*height:120px;*/ padding-bottom:38px; line-height:30px; font-size:14px;}
.foot_qixia h3{ color:#000; font-size:18px; height:32px; line-height:32px;font-weight:normal; margin-bottom:20px;background: url(../images/i_bg1440.png) right bottom no-repeat;}
.foot_qixia h3 a{ float:right;  height:32px; font-style: normal;line-height:32px; color:#1a5eb7; /*background-color:#1a5eb7;*/ font-size:14px;  border-radius:20px;}
/*.foot_qixia h3 a:hover{ color:#fff;opacity:0.8;filter:Alpha(opacity=80);}*/
.foot_qixia a{ /*margin-right:5px;*/color:#666; display:inline-block; font-size:14px;}
.foot_qixia a:hover{ color:#1a5eb7;}




.foot_div .foot_div_c .i_jsq_scroll{ padding-right:5px; width:100%;  overflow:hidden;  height:248px; float:left;}

/*β����ϵ��ʽ*/
.foot_div .foot-top {position: absolute;top: -20px;left: 0;width: 100%;text-align: center;z-index: 2;}
.foot_div .foot-top-box {margin: 0 auto; width:1440;height: 39px;line-height: 39px;border-radius: 20px;box-shadow: 0 1px 3px 0px #272727;background-color:#131313;}
.foot_div .foot-top ul li {margin: 5px 30px;padding-left: 5px;display: inline-block;color: #9D9D9D;position: relative;overflow: hidden;line-height: 20px;}
.foot_div .foot-top ul li em {display: inline-block;cursor: default;-webkit-transition: transform .5s;-moz-transition: transform .5s;-ms-transition: transform .5s;-o-transition: transform .5s;transition: transform .5s; font-style:normal;}
.foot_div .foot-top ul li i {display: inline-block;width: 18px;height: 18px;background-image: url(../images/sprint.png);background-repeat: no-repeat;position: relative;right: 5px;}
.foot_div .foot-top ul li.tel i {background-position: 0 0;top: 5px;}
.foot_div .foot-top ul li.fax i {background-position: 0 -27px;top: 6px;}
.foot_div .foot-top ul li.mob i {background-position: 0 -51px;top: 7px;}
.foot_div .foot-top ul li.site i {background-position: 0 -77px;top: 7px;}
.foot_div .foot-top ul li.add i {background-position: 0 -101px;top: 7px;}

.gr-contact {padding-top: 30px;height: 180px;background: #1a5eb7;text-align: center;color: #fff;position: relative;}
.gr-contact h3 {font-size: 16px;font-weight: normal;text-transform: uppercase;}
.gr-contact .call-pic {margin-top: 5px;width: 100%;height: 50px;background: url(../images/call-pic.png) no-repeat center;}
.gr-contact p {font-size: 36px;font-family: 'Open Sans';font-weight: 300;}
.top-cicle {position: absolute;top: -36px;left: 50%;margin-left: -28px;display: block;width: 56px;height: 56px;border-radius: 50%;background: #f8f8f8;z-index: 5;}
.gr-contact p {font-size: 36px;font-family: 'Open Sans';font-weight: 300;color: #fff; line-height:54px;}
.gr-contact{transform: translate3d(0, 100px, 0);opacity: 0;transition: all 1s;}
.gr-contact.anim-show{transform: translate3d(0, 0, 0); opacity: 1;}



/*xzewomen*/
/*四大优势*/
.ys_bg{width:100%; height:944px; background:url(http://www.hq-dg.com.cn/uploadfile/image/20210610/20210610214844_2111180622.jpg) center no-repeat;    padding-top: 80px;}
.ys_bg *{box-sizing: content-box;}
.ys_t2{text-align:center;height:63px; color:#ffffff; font-size:40px; font-weight:bold;}
.ys_t3{font-size:18px; text-align:center; font-weight:lighter; height:32px; color:#c3e2ff;}

.advtab{ margin:0 auto; margin-top:40px; display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.advtab li{ width:20%; position:relative; background:#379bdd; padding:30px 30px; font-size:30px; color:#fff; font-weight:lighter; transition:all .3s ease; cursor:pointer;    border-radius: 10px;}
.advtab li span{ display:block; font-size:14px; color:#fff; font-weight:lighter;}
.advtab li:after,.advtab li:before{ content:''; display:block; position:absolute; transition:all .3s ease;}

.advtab li:before{ top:43px; right:20px; width:24px; height:24px; background:url(http://www.hq-dg.com.cn/uploadfile/image/20210611/20210611094804_776150965.png) no-repeat center;}
.advtab li.on{ color:#fff; background:#ff8e00;}
.advtab li.on:after{ width:100%;}
.advtab li.on:before{ transform:rotate(360deg); background-image:url(http://www.hq-dg.com.cn/uploadfile/image/20210611/20210611094928_1343258918.png);}


.advcon{ position:relative; height:500px; margin-top:30px;}
.advcen ul{ position:relative; height:500px;}
.ys_bg_l{width:750px; float:left;}
.ys_bg_r{width:650px; height:400px; background:#fff; float:right; padding:50px; font-weight:lighter;}
.ys_bg_r .ys_title{width:600px; height:80px; padding-top:30px; margin-top:20px;}
.ys_bg_r .ys_title .h1{float: left;width: 65px; line-height: 58px; font-size: 33px; color: #fff;font-weight: bold;text-align: center; background: #0071ba;border-radius: 6px;}
.ys_bg_r .ys_title .h2{float: right; width:515px; padding-left:20px; font-size:26px; font-weight:bold; text-align:left;}
.ys_bg_r .ys_title .h2 span{color:#ff8e00;}
.ys_bg_r .ys_title .h2 p{font-size:14px; font-weight:normal; text-transform:uppercase;}

.ys_bg_r .ys_font{padding-top:40px; margin-left:30px; font-size:15px; color:#aaa; line-height:36px;}
.ys_bg_r .ys_tel{height:50px; width:332px; color:#fff; margin-left:30px; margin-top:40px; background:#0071ba; line-height:50px; padding:0px 30px; font-size:15px;}
.ys_bg_r .ys_tel span{font-size:25px; font-family: fontDin1; font-weight:normal;}
.ys_bg_r .ys_tel img{float:left; padding-top:20px; padding-right:10px;}



.db>div,.lb>li,.dd>dl{display: inline-block;vertical-align: top;}
.page,.gy,.w1500{max-width: 1200px; min-width: 1200px; width: 100%; margin: 0 auto;}
.clear,.cl{height: 0; overflow: hidden; clear: both;}
.top30{width: 100%;height: 30px;margin: 0 auto;overflow: hidden;}
.dfc{display:flex;align-items:end;justify-content:center;}
.dfs{display:flex;align-items:end;justify-content:space-between;}
.dfe{display:flex;align-items:end;justify-content:end;}

.title{ /*text-align:center; font-size:18px;*/ color:#7b7e81;}
.title b{ display:block; font-size:40px; color:#32363a; margin-bottom:10px;}
.title b em{ color:#0071ba;}


/*是否遇到以下问题*/
.problem{/* padding: 60px 10px 100px 20px;*/ background:#f5f5f5;}
.pbtitle{ text-align:center;font-size:40px; color:#222;}
.pbtitle em{ display:block; font-size:14px; color:#a6a6a6; font-weight:lighter; text-transform:uppercase; margin-top:5px;}
.pbtitle b { line-height:50px;}
.pbtitle b i{ display:inline-block; vertical-align:baseline; width:56px; height:56px; border-radius:50%; background:#ffbc00; color:#fff;padding-left: 17px;line-height: 56px;}
.pbtitle b i+i{ margin-left:1px;} 
.pbul{ margin:50px 0 45px 0; font-size:0;}
.pbul li{display: inline-block;vertical-align: top; box-sizing: border-box; width: 32%; height: 120px; background: #fff;  box-shadow: 0 0 20px #e8e8e8; padding: 25px; transition: all .3s ease;}
.pbul li+li{ margin-left:20px;}
.pbul li p{ display:inline-block; vertical-align:top;}
.pbul li p+p{ margin-left:20px;}
.pb_c{ font-size:14px; color:#5d5353; line-height:22px; width:73%;}
.pb_c b{ display:block; font-size:24px; color:#222222; margin-bottom:8px; transition:all .3s ease;}
.pb_t{ width:63px; line-height:59px; border-radius:7px; background:#0071ba; color:#fff; font-size:30px; font-family:impact; text-align:center;}
.pbul li:hover{ box-shadow:0 0 20px #aaa;}
.pbul li:hover .pb_c b{ color:#0071ba;}
.pbtel{ text-align:center; font-size:25px; color:#484848; font-weight:lighter;}
.pbtel span{ display:inline-block; padding-left:40px; margin-left:40px; font-size:16px; background:url(http://login.114my.cn/memberpic/fuqiangcy/uploadfile/image/20200926/20200926171452_194574868.png) no-repeat left 9px;    vertical-align: middle;line-height: 36px;}
.pbtel span em{ font-size:30px; font-family:impact;}
.pbbtn{ text-align:center; margin-top:30px;}
.pbbtn a{ display:inline-block; width:280px; line-height:54px; height:54px; border-radius:7px; background:#0071ba; font-size:24px; color:#fff; font-weight:lighter;}
.pbbtn a:hover{background: #ff8e00;}

/*四大优势*/
.ys_bg{width:100%; height:944px; background:url(http://www.hq-dg.com.cn/uploadfile/image/20210610/20210610214844_2111180622.jpg) center no-repeat;    padding-top: 80px;}
.ys_bg *{box-sizing: content-box;}
.ys_t2{text-align:center;height:63px; color:#ffffff; font-size:40px; font-weight:bold;}
.ys_t3{font-size:18px; text-align:center; font-weight:lighter; height:32px; color:#c3e2ff;}

.advtab{ margin:0 auto; margin-top:40px; display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.advtab li{ width:18%; position:relative; background:#379bdd; padding:30px 30px; font-size:30px; color:#fff; font-weight:lighter; transition:all .3s ease; cursor:pointer;    border-radius: 10px;}
.advtab li span{ display:block; font-size:14px; color:#fff; font-weight:lighter;}
.advtab li:after,.advtab li:before{ content:''; display:block; position:absolute; transition:all .3s ease;}

.advtab li:before{ top:43px; right:20px; width:24px; height:24px; background:url(http://www.hq-dg.com.cn/uploadfile/image/20210611/20210611094804_776150965.png) no-repeat center;}
.advtab li.on{ color:#fff; background:#ff8e00;}
.advtab li.on:after{ width:100%;}
.advtab li.on:before{ transform:rotate(360deg); background-image:url(http://www.hq-dg.com.cn/uploadfile/image/20210611/20210611094928_1343258918.png);}


.advcon{ position:relative; height:500px; margin-top:30px;}
.advcen ul{ position:relative; height:500px;}
.ys_bg_l{width:750px; float:left;}
.ys_bg_r{width:650px; height:400px; background:#fff; float:right; padding:50px; font-weight:lighter;}
.ys_bg_r .ys_title{width:600px; height:80px; padding-top:30px; margin-top:20px;}
.ys_bg_r .ys_title .h1{float: left;width: 65px; line-height: 58px; font-size: 33px; color: #fff;font-weight: bold;text-align: center; background: #0071ba;border-radius: 6px;}
.ys_bg_r .ys_title .h2{float: right; width:515px; padding-left:20px; font-size:26px; font-weight:bold; text-align:left;}
.ys_bg_r .ys_title .h2 span{color:#ff8e00;}
.ys_bg_r .ys_title .h2 p{font-size:14px; font-weight:normal; text-transform:uppercase;}

.ys_bg_r .ys_font{padding-top:40px; margin-left:30px; font-size:15px; color:#000; line-height:36px;}
.ys_bg_r .ys_tel{height:50px; width:332px; color:#fff; margin-left:30px; margin-top:40px; background:#0071ba; line-height:50px; padding:0px 30px; font-size:15px;}
.ys_bg_r .ys_tel span{font-size:25px; font-family: fontDin1; font-weight:normal;}
.ys_bg_r .ys_tel img{float:left; padding-top:20px; padding-right:10px;}

/*行业*/
.success{margin-top: 80px; position:relative; z-index:9;}
.post_m{position: relative; margin-top: 40px;}
.post_m .swiper-slide {position: relative;background-repeat: no-repeat;background-position: center top;background-size: cover;
-webkit-transition: transform 1s;-moz-transition: transform 1s;-ms-transition: transform 1s;-o-transition: transform 1s;}
.post_m .swiper-slide img { width: 100%;height:auto;    border: 1px solid #dbe3e8;}
.post_m .text {box-sizing:border-box;width: 100%; line-height:65px; opacity:0; color:#fff; text-align:center;font-size:18px;background-color:#0071ba; transition:all .3s ease; margin-top:20px;} 
.post_m .text h4 {color: #333;font-size: 18px;line-height: 18px;font-weight: 700;padding-bottom: 5px}
.post_m .text p {color: #5f5f5f; font-size: 14px; line-height: 26px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.post_m .text a {display: none;color: #fff; font-size: 12px; line-height: 12px;}
.post_m .swiper-slide-active .text, .post_m .swiper-slide-duplicate-active .text { opacity:1; margin-top:0;}
.post_m .swiper-slide-active h4, .post_m .swiper-slide-active p, .post_m .swiper-slide-duplicate-active h4, .post_m .swiper-slide-duplicate-active p { color: #fff;}
.post_m .swiper-slide-active a, .post_m .swiper-slide-duplicate-active a { display: block; width:100%; height:100%;position: relative;}
.post_m .swiper-button-prev{ width:80px; height:80px; left:32%; top:40%; background:#0071ba url(http://www.hq-dg.com.cn/uploadfile/image/20210610/20210610215759_1382611702.png);}
.post_m .swiper-button-next{ width:80px; height:80px; right:32%; top:40%; background:#0071ba url(http://www.hq-dg.com.cn/uploadfile/image/20210610/20210610215906_1083047476.png);}
.post_m .swiper-button-prev:hover{ background:#ff8e00 url(http://www.hq-dg.com.cn/uploadfile/image/20210610/20210610215759_1382611702.png);}
.post_m .swiper-button-next:hover{background:#ff8e00 url(http://www.hq-dg.com.cn/uploadfile/image/20210610/20210610215906_1083047476.png);}
.post_m .swiper-slide:hover .text{ background:#ff8e00;}